body,html {
    background-color: #F2F2F2!important;

}
.touch-alt-link-wrapper {
    display: none
}
ul,li{
    list-style: none !important;
}
#header {
    background-color: #FFF;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    z-index: 1000;
    position: relative
}

#header .search form {
    margin-bottom: 0;
    width: 208px
}

#header .search form input {
    margin-bottom: 0;
    display: block;
    border: none;
    background: none;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    float: left
}

#header .search form ::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
    opacity: 1
}

#header .search form ::-moz-placeholder {
    color: #999;
    font-style: italic;
    opacity: 1
}

#header .search form :-ms-input-placeholder {
    color: #999;
    font-style: italic;
    opacity: 1
}

#header .search form input:-moz-placeholder {
    color: #999;
    font-style: italic;
    opacity: 1
}

#header .search form button {
    background: none;
    color: #999;
    font-size: 20px;
    line-height: 100%;
    margin: 0;
    padding: 0;
    width: 38px;
    display: inline-block
}

#header .search form button:before {
    overflow: visible
}

#header .search form button:hover {
    color: #006428
}

#header .top-nav {
    border-bottom: #DFDFDF 1px solid
}

#header .top-nav ul {
    margin-bottom: 0;
    float: right
}

#header .top-nav ul li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

#header .top-nav ul li:before {
    display: none
}

#header .top-nav ul li.openDropdown a,#header .top-nav ul li.openDropdown span {
    background-color: #F2F2F2;
    border-color: #F2F2F2
}

#header .top-nav ul li.openDropdown+li>a,#header .top-nav ul li.openDropdown+li>span {
    border-color: #F2F2F2
}

#header .top-nav ul li a,#header .top-nav ul li span {
    text-decoration: none;
    padding: 9px 20px 8px;
    display: block;
    font-size: 12px;
    font-size: .92307692rem;
    line-height: 160%;
    color: #333;
    border-left: #DFDFDF 1px solid
}

#header .top-nav ul li.openDropdown>ul {
    display: block
}

#header .top-nav ul li>ul {
    display: none;
    position: absolute;
    background-color: #F2F2F2;
    width: 270px;
    z-index: 500;
    padding: 10px 0 15px;
    left: 0;
    top: 36px
}

#header .top-nav ul li>ul>li {
    float: none
}

#header .top-nav ul li>ul>li>a {
    display: block;
    border: none;
    position: relative;
    padding: 4px 20px 4px 35px
}

#header .top-nav ul li>ul>li>a:before {
    content: '\e802';
    font-family: 'heshi-icons';
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    color: #006428;
    font-size: 29px;
    font-size: 2.23076923rem;
    line-height: 100%;
    position: absolute;
    top: -2px;
    left: 10px
}

#header .top-nav ul li>ul>li>a:hover {
    color: #006428
}

#header .top-nav ul li.language-selection span {
    position: relative;
    padding-left: 50px
}

#header .top-nav ul li.language-selection span span.lang-flag {
    top: 11px;
    left: 16px
}

#header .top-nav ul li.language-selection span[class^="icon-"],#header .top-nav ul li.language-selection span[class*=" icon-"] {
    display: none
}

#header .top-nav ul li.language-selection span.current-language {
    text-indent: -9999px;
    width: 0;
    overflow: hidden;
    padding-right: 8px
}

#header .top-nav ul li.language-selection span.lang-flag {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 6px;
    left: 17px
}

#header .top-nav ul li.language-selection>ul>li>a {
    padding: 4px 20px 4px 50px;
    position: relative
}

#header .top-nav ul li.language-selection>ul>li>a:before {
    display: none
}

#header .top-nav ul li.search {
    border-left: #DFDFDF 1px solid;
    border-right: #DFDFDF 1px solid;
    background-color: #F2F2F2
}

#header .top-nav ul li.search form input {
    padding: 9px 0 8px 20px;
    font-size: 12px;
    font-size: .92307692rem;
    line-height: 160%
}

#header .top-nav ul li.search form button {
    height: 36px
}

#header>.wrapper {
    padding-top: 15px
}

#header .logo {
    float: left
}

#header .logo .default-logo {
    display: block;
    width: 393px;
    /* width: 267px; */
    height: 74px;
    line-height: 74px;
}

#header .logo .small-logo {
    display: none
}

#header .logo.eldec img.default-logo {
    width: 114px
}

#header .logo.koepfer img.default-logo {
    width: 170px
}

#header .logo.kopp img.default-logo {
    width: 113px
}

#header .logo.lang-1 img.default-logo {
    width: 206px
}

#header .logo.lang-4 img.default-logo {
    width: 216px
}

#header .logo.lang-5 img.default-logo {
    width: 214px
}

#header .logo.lang-6 img.default-logo {
    width: 245px
}

#header .logo.lang-9 img.default-logo {
    width: 263px
}

#header .logo.lang-10 img.default-logo {
    width: 221px
}

#header #nav {
    float: right
}

#header #nav .main-nav {
    margin-top: 47px
}

#header #nav .main-nav .search {
    display: none
}

#header #nav .main-nav>ul {
    margin: 0;
    position: relative;
    right: -15px
}

#header #nav .main-nav>ul>li {
    float: left;
    padding: 0;
    margin: 0
}

#header #nav .main-nav>ul>li:before {
    display: none
}

#header #nav .main-nav>ul>li>a {
    color: #333;
    text-decoration: none;
    padding: 0 15px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 160%
}

#header #nav .main-nav>ul>li>a>span {
    padding: 5px 0 8px;
    display: inline-block;
    border-bottom: 2px solid #FFF
}

#header #nav .main-nav>ul>li.active>a>span,#header #nav .main-nav>ul>li.current>a>span {
    border-bottom-color: #006428
}

#header #nav .main-nav>ul>li.open {
    background-color: #F2F2F2
}

#header #nav .main-nav>ul>li.open>a>span {
    border-bottom-color: #F2F2F2
}

#header #nav .main-nav>ul>li.open.current>a>span {
    border-bottom-color: #006428
}

#header #nav .main-nav>ul>li>.flyout {
    display: none;
    position: fixed;
    left: 0;
    top: 134px;
    background-color: #F2F2F2;
    width: 100%;
    z-index: 1200;
    padding: 35px 0 25px
}

#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close {
    position: absolute;
    right: -15px;
    top: -5px
}

#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:before {
    font-size: 40px;
    font-size: 3.07692308rem;
    line-height: 100%;
    color: #999
}

#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:hover {
    text-decoration: none
}

#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:hover:before {
    color: #006428
}

#header #nav .main-nav>ul>li>.flyout .loader {
    display: block;
    margin: 100px auto
}

#header #nav .main-nav>ul>li>.flyout ul {
    margin-bottom: 0;
    /* margin-top: 13px; */
}

#header #nav .main-nav>ul>li>.flyout ul li {
    font-size: 15px;
    font-size: 1.15384615rem;
    line-height: 160%;
    font-weight: 600;
    margin-bottom: 0px;
    /* margin-bottom: 15px; */
    padding-left: 0
}

#header #nav .main-nav>ul>li>.flyout ul li:before {
    display: none
}

#header #nav .main-nav>ul>li>.flyout ul li a {
    color: #333
}

#header #nav .main-nav>ul>li>.flyout ul li a:hover {
    text-decoration: none;
    color: #006428
}

#header #nav .main-nav>ul>li>.flyout ul li ul {
    margin-top: 7px
}

#header #nav .main-nav>ul>li>.flyout ul li ul li {
    font-size: 13px;
    font-size: 1rem;
    line-height: 160%;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 15px
}

#header #nav .main-nav>ul>li>.flyout ul li ul li:before {
    display: block;
    content: '\e802';
    font-size: 30px;
    font-size: 2.30769231rem;
    line-height: 100%;
    color: #006428;
    top: -5px;
    left: -10px;
    font-weight: 600
}

#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
    padding: 0 1%;
    float: left;
    width: 14%;
    overflow: hidden;
    margin-bottom: 20px
}

#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
    clear: both
}

#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item .image {
    text-align: center;
    min-height: 100px;
    position: relative;
    display: block;
    margin-bottom: 3px
}

#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item .image img {
    width: auto;
    height: auto;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item p {
    margin-bottom: 0
}

#header #nav .main-nav>ul>li>.flyout .industries>div>p {
    font-size: 15px;
    font-size: 1.15384615rem;
    line-height: 160%;
    font-weight: 600;
    clear: both;
    margin-bottom: 2rem
}

#header #nav .main-nav>ul>li>.flyout .industries .industry-items+p {
    margin-top: 55px
}

#header #nav .main-nav>ul>li>.flyout .industries .industry-item {
    clear: both
}

#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper,#header #nav .main-nav>ul>li>.flyout .link-wrapper {
    display: none;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 0;
    clear: both
}

#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a,#header #nav .main-nav>ul>li>.flyout .link-wrapper a {
    color: #999;
    font-weight: 400;
    text-decoration: none;
    font-size: 13px;
    font-size: 1rem;
    line-height: 160%
}

#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:after,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:after,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:after,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:after {
    display: none!important
}

#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:before,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:before,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:before,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:before {
    font-size: 14px;
    line-height: 130%;
    margin-right: 10px
}

#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:hover,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:hover,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:hover,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:hover {
    color: #006428
}

#header #nav .main-nav>ul>li>.flyout .link-wrapper {
    display: block;
    text-align: center
}

#header #nav .main-nav>ul>li>.flyout .link-wrapper a {
    color: #006428
}

#header #nav .main-nav>ul>li>.flyout .link-wrapper a:hover {
    text-decoration: underline
}

#header.fixed-on-top {
    position: fixed;
    top: 0;
    width: 100%
}

#header.fixed-on-top .top-nav {
    display: none
}

#header.fixed-on-top .logo {
    float: left
}

#header.fixed-on-top .logo .default-logo {
    display: none
}
 .boxs{
    display: inline-block;
    width: 177px;

}
@media screen and (max-width: 1012px){
    #header .logo {
        overflow: hidden;
        width: 177px;
    }
}

@media screen and (max-width: 789px){ 

    .boxs{
        width: 88px;
        margin-top: 7%;
    }
}
#header.fixed-on-top .logo .small-logo {
    display: block;
    width: 100px;
}

#header.fixed-on-top #nav .main-nav {
    margin-top: 17px;
    position: relative
}

#header.fixed-on-top #nav .main-nav .search {
    display: block;
    overflow: hidden;
    width: 44px;
    height: 39px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    font-size: 20px;
    font-size: 1.53846154rem;
    line-height: 100%;
    color: #999;
    cursor: pointer
}

#header.fixed-on-top #nav .main-nav .search:before {
    overflow: visible;
    position: absolute;
    right: 0;
    top: 6px
}

#header.fixed-on-top #nav .main-nav .search:hover {
    color: #006428
}

#header.fixed-on-top #nav .main-nav>ul {
    margin-right: 55px
}

#header.fixed-on-top #nav .main-nav>ul>li>.flyout {
    top: 67px
}

.mobile-nav {
    display: none
}

.nav-bg-layer {
    background-color: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    display: none
}

.social-media-flag {
    position: fixed;
    right: 0;
    bottom: 100px;
    background: #FFF;
    border: 1px solid #DFDFDF;
    border-right: none;
    z-index: 485
}

.social-media-flag a {
    border-top: 1px solid #DFDFDF;
    color: #999;
    display: block;
    font-size: 30px;
    line-height: 100%;
    padding: 6px 7px;
    text-align: center;
    text-decoration: none
}

.social-media-flag a:before {
    margin-right: 0
}

.social-media-flag a:hover {
    background-color: #006428;
    color: #FFF;
    text-decoration: none
}

.social-media-flag a:first-child {
    border-top: none
}

.social-media-flag a.scroll-to-top {
    font-size: 60px;
    line-height: 100%;
    position: relative;
    height: 30px
}

.social-media-flag a.scroll-to-top:before {
    position: absolute;
    top: -12px;
    right: -8px
}

.breadcrumb {
    color: #999;
    font-size: 13px;
    line-height: 160%;
    margin-bottom: 1rem
}

.breadcrumb ol,.breadcrumb ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

.breadcrumb ol li,.breadcrumb ul li {
    float: left;
    margin-right: 6px;
    margin-bottom: 0;
    color: #999;
    padding-left: 15px;
    position: relative
}

.breadcrumb ol li:before,.breadcrumb ul li:before {
    font-family: 'heshi-icons';
    content: '\e802';
    color: #333;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    height: 1em;
    overflow: hidden;
    font-size: 19px;
    font-size: 1.46153846rem;
    line-height: 100%;
    position: absolute;
    top: 1px;
    left: -4px
}

.breadcrumb ol li:first-child,.breadcrumb ul li:first-child {
    padding-left: 0
}

.breadcrumb ol li:first-child:before,.breadcrumb ul li:first-child:before {
    display: none
}

.breadcrumb ol li a,.breadcrumb ul li a {
    color: #666;
    text-decoration: none;
    font-weight: 400;
    line-height: 100%
}

.breadcrumb ol li a:hover,.breadcrumb ul li a:hover {
    color: #006428
}

#index-teaser {
    background-color: #333;
    height: 600px;

}
.defe{
    display: block;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.defe video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index-teaser .bg-image {
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden
}

#index-teaser .wrapper {
    height: 600px;
    color: #FFF;
    position: relative
}

#index-teaser .wrapper .teaser-text {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 340px;
    background-color: #666;
    background-color: rgba(0,0,0,.5);
    padding: 15px 20px
}

#index-teaser .wrapper .teaser-text .special-image {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 20px
}

#index-teaser .wrapper .teaser-text a {
    color: #FFF
}

#index-teaser .wrapper .teaser-text a:before {
    color: #FFF
}

#index-teaser .wrapper .teaser-text p,#index-teaser .wrapper .teaser-text .video-teaser {
    margin-bottom: 1.8rem
}

#index-teaser .wrapper .teaser-text .video-teaser {
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
    width: 180px
}

#index-teaser .wrapper .teaser-text .video-teaser .subscription {
    display: none
}

#index-teaser .wrapper .teaser-text .h1 {
    margin-bottom: 20px;
    color: #FFF;
    font-weight: 300;
    font-size: 40px;
    font-size: 3.07692308rem;
    line-height: 120%
}

#index-teaser .wrapper .teaser-text .h1 a {
    color: inherit;
    font-size: inherit;
    text-decoration: none
}

#index-teaser .flexslider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: none;
    margin-bottom: 35px
}

#index-teaser .flexslider .slides>li {
    margin-bottom: 0;
    padding-left: 0
}

#index-teaser .flexslider .slides>li:before {
    display: none
}

#index-teaser .flexslider .flex-direction-nav li {
    padding-left: 0;
    margin-bottom: 0;
    position: static
}

#index-teaser .flexslider .flex-direction-nav li:before {
    display: none
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev,#index-teaser .flexslider .flex-direction-nav li .flex-next {
    opacity: 1;
    transition: none;
    text-shadow: none;
    color: rgba(255,255,255,.7);
    height: 100px;
    width: 100px;
    margin-top: -60px
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev:before,#index-teaser .flexslider .flex-direction-nav li .flex-next:before {
    font-family: 'heshi-icons';
    font-size: 120px;
    line-height: 100%
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev.flex-disabled,#index-teaser .flexslider .flex-direction-nav li .flex-next.flex-disabled {
    cursor: pointer;
    opacity: 1!important
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev:hover,#index-teaser .flexslider .flex-direction-nav li .flex-next:hover {
    color: #FFF
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev {
    left: -20px!important
}

#index-teaser .flexslider .flex-direction-nav li .flex-prev:before {
    content: '\e801'
}

#index-teaser .flexslider .flex-direction-nav li .flex-next {
    right: 0px!important
}

#index-teaser .flexslider .flex-direction-nav li .flex-next:before {
    content: '\e802'
}

#index-teaser .flexslider .flex-control-nav {
    bottom: -30px;
}

#index-teaser .flexslider .flex-control-nav li {
    padding-left: 0;
    margin: 0 4px
}

#index-teaser .flexslider .flex-control-nav li a {
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: none;
    width: 7px;
    height: 7px
}

#index-teaser .flexslider .flex-control-nav li a.flex-active {
    background-color: #999;
    border-color: #999
}

#index-teaser+#content {
    padding-top: 45px
}

.teaser {
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative
}

.teaser.white {
    background-color: #FFF
}

.teaser>.wrapper {
    padding: 15px 0 25px;
    position: relative
}

.teaser>.flex-teaser-content+.wrapper {
    padding-bottom: 0
}

.teaser>.flex-teaser-content+.wrapper .breadcrumb {
    margin-bottom: 0
}

.teaser+#content {
    padding-top: 45px
}

.teaser .collapse-slider-teaser-link {
    text-decoration: none;
    color: #666;
    font-size: 12px;
    font-size: .92307692rem;
    line-height: 160%;
    text-align: right;
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 1
}

.teaser .collapse-slider-teaser-link:before {
    margin-right: 8px;
    position: relative;
    top: 1px
}

.teaser .collapse-slider-teaser-link:hover {
    color: #006428
}

.teaser.detailed>.wrapper {
    min-height: 280px
}

.teaser.detailed .cs-cols .right-content {
    float: right;
    width: 300px;
    margin-left: 36px;
    padding-top: 15px
}

.teaser.detailed .cs-cols .right-content img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

.teaser.detailed .cs-cols .right-content.image-to-bottom {
    padding-top: 0
}

.teaser.detailed .cs-cols .right-content.image-to-bottom>div>img,.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class^="lightbox"],.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class*=" lightbox"] {
    position: absolute;
    right: 0;
    bottom: -3px
}

.teaser.detailed .cs-cols .left-content {
    margin-right: 336px
}

.teaser.detailed .breadcrumb {
    width: 80%
}

.teaser.detailed .to-left-content-arrow,.teaser.detailed .to-right-content-arrow,.teaser.detailed .read-more-link,.teaser.detailed .detailed-teaser-menu {
    display: none
}

.slider-teaser {
    background-color: #FFF;
    border-bottom: 3px solid #E6E6E6
}

#subfooter {
    border-top: 2px solid #F2F2F2;
    background-color: #FFF
}

#subfooter .wrapper>div:first-child {
    margin-top: 25px
}

#subfooter .wrapper>div:last-child {
    padding-bottom: 25px
}

#subfooter.blue {
    border-top: 0;
    background-color: #006428;
    color: #FFF
}

#subfooter.blue h2 {
    margin-bottom: 10px
}

#subfooter.blue a,#subfooter.blue a:before,#subfooter.blue h2 {
    color: #FFF
}

#subfooter.blue a.arrow {
    margin-top: 20px
}

#subfooter.blue a.button {
    margin-top: 15px;
    margin-bottom: 0
}

#subfooter.blue h2,#subfooter.blue p {
    padding-right: 20px
}

#subfooter.blue .wrapper {
    background: url(../images/subfooter-bg.jpg) no-repeat top right;
    height: 200px;
    overflow: hidden
}

#subfooter.blue .wrapper>div:first-child {
    margin-top: 0;
    padding-top: 15px
}

#subfooter.blue .wrapper>div:last-child {
    padding-bottom: 0
}

#subfooter.blue .wrapper .cs-cols>div:first-child h2,#subfooter.blue .wrapper .cs-cols>div:first-child p {
    width: 280px
}

#footer {
    font-size: 13px;
    line-height: 160%;
    color: #333;
    background-color: #F2F2F2
}

#footer .social-media-links a {
    height: 20px;
    width: 20px;
    display: inline-block;
    /* background: url(../../../../../../typo3conf/ext/cs_templates/Resources/Public/Images/social-media-sprite.png) no-repeat; */
    overflow: hidden;
    margin-right: 10px
}

#footer .social-media-links a.facebook {
    background-position: 0 0
}

#footer .social-media-links a.twitter {
    background-position: -20px -20px
}

#footer .social-media-links a.google-plus {
    background-position: -20px 0
}

#footer .social-media-links a.youtube {
    background-position: 0 -40px
}

#footer .social-media-links a.pinterest {
    background-position: 0 -20px
}

#footer .social-media-links a.youku {
    background-position: -20px -60px
}

#footer .social-media-links a.weibo {
    background-position: 0 -60px
}

#footer .social-media-links a.linkedin {
    background-position: -20px -40px
}

#footer .footer-nav {
    padding: 20px 0
}

#footer .footer-nav a {
    color: #333
}

#footer .footer-nav a:hover {
    color: #006428;
    text-decoration: none
}

#footer .footer-nav ul li {
    padding-left: 0;
    font-size: 15px;
    line-height: 160%
}

#footer .footer-nav ul li:before {
    display: none
}

#footer .footer-nav ul li ul {
    padding: 15px 0
}

#footer .footer-nav ul li ul li {
    font-size: 13px;
    line-height: 160%
}

#footer .footer-nav .search {
    display: none
}

#footer .footer-bottom {
    padding-top: 15px;
    padding-bottom: 60px
}

#footer .footer-bottom .search {
    display: none
}

#footer .footer-bottom .copyright {
    font-size: 12px;
    line-height: 160%;
    float: left;
    display: block;
    padding-top: 2px
}

#footer .footer-bottom .copyright-nav {
    float: left
}

#footer .footer-bottom .copyright-nav ul {
    margin-bottom: 0
}

#footer .footer-bottom .copyright-nav ul li {
    float: left;
    margin: 0;
    padding: 0
}

#footer .footer-bottom .copyright-nav ul li:before {
    content: "|";
    color: #333;
    font-family: 'Open Sans',sans-serif;
    font-size: 19px;
    font-size: 1.46153846rem;
    line-height: 160%;
    left: 1px;
    top: -3px
}

#footer .footer-bottom .copyright-nav ul li a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
    line-height: 100%;
    margin-left: 10px;
    padding-left: 10px
}

#footer .footer-bottom .copyright-nav ul li a:hover {
    color: #006428
}

#footer .footer-bottom .social-media-links {
    float: left;
    margin-left: 25px
}

#footer .footer-bottom .services ul {
    float: right
}

#footer .footer-bottom .services ul li {
    padding: 0;
    margin: 0 0 0 20px;
    float: left;
    position: relative
}

#footer .footer-bottom .services ul li:before {
    display: none
}

#footer .footer-bottom .services ul li a {
    color: #999
}

#footer .footer-bottom .services ul li a:hover {
    text-decoration: none;
    color: #006428
}

#footer .footer-bottom .services ul li a:before {
    margin-right: 5px;
    position: relative;
    top: 2px
}

#footer .footer-bottom .services ul li.open ul {
    display: block
}

#footer .footer-bottom .services ul li ul {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #FFF;
    min-width: 112px;
    padding: 5px 3px;
    display: none
}

#footer .footer-bottom .services ul li ul li {
    margin: 0 3px
}

#footer .footer-bottom .services ul li ul:after {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px
}

@media screen and (max-height: 715px) {
    .request-box.scrollable {
        position:static!important
    }
}

@media screen and (max-width: 1100px) {
    #index-teaser .flexslider .flex-direction-nav {
        display:none
    }

    .image-slider.flexslider .flex-direction-nav {
        display: none
    }

    .image-slider.flexslider .flex-control-nav {
        display: block
    }
}

@media screen and (max-width: 1012px) {
    .wrapper {
        width:96%;
        padding: 0 2%
    }

    .cs-cols.cs-2-1-cols>div {
        width: 30%;
        margin-left: 5%
    }

    .cs-cols.cs-2-1-cols>div:first-child {
        width: 65%
    }

    .cs-cols.cs-2-1-cols>div .cs-2-cols>div {
        width: 48%;
        margin-left: 4%
    }

    .cs-cols.cs-2-1-cols>div .cs-3-cols>div {
        width: 30%;
        margin-left: 5%
    }

    .cs-cols.cs-2-1-cols>div .cs-3-cols>div:first-child {
        width: 30%
    }

    .cs-cols.cs-1-2-cols>div {
        width: 65%;
        margin-left: 5%
    }

    .cs-cols.cs-1-2-cols>div:first-child {
        margin-left: 0;
        width: 30%
    }

    .cs-cols.cs-3-cols>div {
        width: 30%;
        margin-left: 5%
    }

    #header .logo {
        overflow: hidden;
        width: 132px
    }

    #header .logo.eldec {
        width: 114px
    }

    #header .logo.koepfer {
        width: 170px
    }

    #header .logo.kopp {
        width: 113px
    }

    #header.fixed-on-top .logo {
        width: auto
    }

    .social-media-flag {
        display: none
    }

    #content.history h1 {
        width: 100%;
        position: static
    }

    .history {
        padding-top: 15px
    }

    .history:before {
        display: none
    }

    .history .history-item {
        width: 60%
    }

    .history .history-item:nth-child(2n+2) .date {
        right: -200px
    }

    .history .history-item:before {
        display: none
    }

    .history .history-item .date {
        left: -200px
    }

    .history .history-item .date:after {
        display: none
    }

    #content .background-image,.teaser .background-image,.cs-cols .background-image,#content.background-image,.teaser.background-image,.cs-cols.background-image {
        position: relative
    }

    #content .background-image.cs-1-2-cols>div,.teaser .background-image.cs-1-2-cols>div,.cs-cols .background-image.cs-1-2-cols>div,#content.background-image.cs-1-2-cols>div,.teaser.background-image.cs-1-2-cols>div,.cs-cols.background-image.cs-1-2-cols>div,#content .background-image .cs-1-2-cols>div,.teaser .background-image .cs-1-2-cols>div,.cs-cols .background-image .cs-1-2-cols>div,#content.background-image .cs-1-2-cols>div,.teaser.background-image .cs-1-2-cols>div,.cs-cols.background-image .cs-1-2-cols>div,#content .background-image.cs-2-1-cols>div,.teaser .background-image.cs-2-1-cols>div,.cs-cols .background-image.cs-2-1-cols>div,#content.background-image.cs-2-1-cols>div,.teaser.background-image.cs-2-1-cols>div,.cs-cols.background-image.cs-2-1-cols>div,#content .background-image .cs-2-1-cols>div,.teaser .background-image .cs-2-1-cols>div,.cs-cols .background-image .cs-2-1-cols>div,#content.background-image .cs-2-1-cols>div,.teaser.background-image .cs-2-1-cols>div,.cs-cols.background-image .cs-2-1-cols>div,#content .background-image.cs-2-cols>div,.teaser .background-image.cs-2-cols>div,.cs-cols .background-image.cs-2-cols>div,#content.background-image.cs-2-cols>div,.teaser.background-image.cs-2-cols>div,.cs-cols.background-image.cs-2-cols>div,#content .background-image .cs-2-cols>div,.teaser .background-image .cs-2-cols>div,.cs-cols .background-image .cs-2-cols>div,#content.background-image .cs-2-cols>div,.teaser.background-image .cs-2-cols>div,.cs-cols.background-image .cs-2-cols>div {
        position: relative;
        z-index: 10
    }

    #content .background-image.cs-1-2-cols>div:first-child,.teaser .background-image.cs-1-2-cols>div:first-child,.cs-cols .background-image.cs-1-2-cols>div:first-child,#content.background-image.cs-1-2-cols>div:first-child,.teaser.background-image.cs-1-2-cols>div:first-child,.cs-cols.background-image.cs-1-2-cols>div:first-child,#content .background-image .cs-1-2-cols>div:first-child,.teaser .background-image .cs-1-2-cols>div:first-child,.cs-cols .background-image .cs-1-2-cols>div:first-child,#content.background-image .cs-1-2-cols>div:first-child,.teaser.background-image .cs-1-2-cols>div:first-child,.cs-cols.background-image .cs-1-2-cols>div:first-child,#content .background-image.cs-2-1-cols>div:first-child,.teaser .background-image.cs-2-1-cols>div:first-child,.cs-cols .background-image.cs-2-1-cols>div:first-child,#content.background-image.cs-2-1-cols>div:first-child,.teaser.background-image.cs-2-1-cols>div:first-child,.cs-cols.background-image.cs-2-1-cols>div:first-child,#content .background-image .cs-2-1-cols>div:first-child,.teaser .background-image .cs-2-1-cols>div:first-child,.cs-cols .background-image .cs-2-1-cols>div:first-child,#content.background-image .cs-2-1-cols>div:first-child,.teaser.background-image .cs-2-1-cols>div:first-child,.cs-cols.background-image .cs-2-1-cols>div:first-child,#content .background-image.cs-2-cols>div:first-child,.teaser .background-image.cs-2-cols>div:first-child,.cs-cols .background-image.cs-2-cols>div:first-child,#content.background-image.cs-2-cols>div:first-child,.teaser.background-image.cs-2-cols>div:first-child,.cs-cols.background-image.cs-2-cols>div:first-child,#content .background-image .cs-2-cols>div:first-child,.teaser .background-image .cs-2-cols>div:first-child,.cs-cols .background-image .cs-2-cols>div:first-child,#content.background-image .cs-2-cols>div:first-child,.teaser.background-image .cs-2-cols>div:first-child,.cs-cols.background-image .cs-2-cols>div:first-child {
        background-color: #FFF;
        background-color: rgba(255,255,255,.6);
        padding: 10px 0;
        position: relative;
        left: -2%
    }

    #content .background-image.cs-1-2-cols>div:first-child>*,.teaser .background-image.cs-1-2-cols>div:first-child>*,.cs-cols .background-image.cs-1-2-cols>div:first-child>*,#content.background-image.cs-1-2-cols>div:first-child>*,.teaser.background-image.cs-1-2-cols>div:first-child>*,.cs-cols.background-image.cs-1-2-cols>div:first-child>*,#content .background-image .cs-1-2-cols>div:first-child>*,.teaser .background-image .cs-1-2-cols>div:first-child>*,.cs-cols .background-image .cs-1-2-cols>div:first-child>*,#content.background-image .cs-1-2-cols>div:first-child>*,.teaser.background-image .cs-1-2-cols>div:first-child>*,.cs-cols.background-image .cs-1-2-cols>div:first-child>*,#content .background-image.cs-2-1-cols>div:first-child>*,.teaser .background-image.cs-2-1-cols>div:first-child>*,.cs-cols .background-image.cs-2-1-cols>div:first-child>*,#content.background-image.cs-2-1-cols>div:first-child>*,.teaser.background-image.cs-2-1-cols>div:first-child>*,.cs-cols.background-image.cs-2-1-cols>div:first-child>*,#content .background-image .cs-2-1-cols>div:first-child>*,.teaser .background-image .cs-2-1-cols>div:first-child>*,.cs-cols .background-image .cs-2-1-cols>div:first-child>*,#content.background-image .cs-2-1-cols>div:first-child>*,.teaser.background-image .cs-2-1-cols>div:first-child>*,.cs-cols.background-image .cs-2-1-cols>div:first-child>*,#content .background-image.cs-2-cols>div:first-child>*,.teaser .background-image.cs-2-cols>div:first-child>*,.cs-cols .background-image.cs-2-cols>div:first-child>*,#content.background-image.cs-2-cols>div:first-child>*,.teaser.background-image.cs-2-cols>div:first-child>*,.cs-cols.background-image.cs-2-cols>div:first-child>*,#content .background-image .cs-2-cols>div:first-child>*,.teaser .background-image .cs-2-cols>div:first-child>*,.cs-cols .background-image .cs-2-cols>div:first-child>*,#content.background-image .cs-2-cols>div:first-child>*,.teaser.background-image .cs-2-cols>div:first-child>*,.cs-cols.background-image .cs-2-cols>div:first-child>* {
        margin-left: 2%;
        margin-right: 2%
    }

    #content .background-image.cs-1-2-cols.left>div:first-child,.teaser .background-image.cs-1-2-cols.left>div:first-child,.cs-cols .background-image.cs-1-2-cols.left>div:first-child,#content.background-image.cs-1-2-cols.left>div:first-child,.teaser.background-image.cs-1-2-cols.left>div:first-child,.cs-cols.background-image.cs-1-2-cols.left>div:first-child,#content .background-image .cs-1-2-cols.left>div:first-child,.teaser .background-image .cs-1-2-cols.left>div:first-child,.cs-cols .background-image .cs-1-2-cols.left>div:first-child,#content.background-image .cs-1-2-cols.left>div:first-child,.teaser.background-image .cs-1-2-cols.left>div:first-child,.cs-cols.background-image .cs-1-2-cols.left>div:first-child,#content .background-image.cs-2-1-cols.left>div:first-child,.teaser .background-image.cs-2-1-cols.left>div:first-child,.cs-cols .background-image.cs-2-1-cols.left>div:first-child,#content.background-image.cs-2-1-cols.left>div:first-child,.teaser.background-image.cs-2-1-cols.left>div:first-child,.cs-cols.background-image.cs-2-1-cols.left>div:first-child,#content .background-image .cs-2-1-cols.left>div:first-child,.teaser .background-image .cs-2-1-cols.left>div:first-child,.cs-cols .background-image .cs-2-1-cols.left>div:first-child,#content.background-image .cs-2-1-cols.left>div:first-child,.teaser.background-image .cs-2-1-cols.left>div:first-child,.cs-cols.background-image .cs-2-1-cols.left>div:first-child,#content .background-image.cs-2-cols.left>div:first-child,.teaser .background-image.cs-2-cols.left>div:first-child,.cs-cols .background-image.cs-2-cols.left>div:first-child,#content.background-image.cs-2-cols.left>div:first-child,.teaser.background-image.cs-2-cols.left>div:first-child,.cs-cols.background-image.cs-2-cols.left>div:first-child,#content .background-image .cs-2-cols.left>div:first-child,.teaser .background-image .cs-2-cols.left>div:first-child,.cs-cols .background-image .cs-2-cols.left>div:first-child,#content.background-image .cs-2-cols.left>div:first-child,.teaser.background-image .cs-2-cols.left>div:first-child,.cs-cols.background-image .cs-2-cols.left>div:first-child {
        background: none;
        padding: 0;
        position: static
    }

    #content .background-image.cs-1-2-cols.left>div:first-child>*,.teaser .background-image.cs-1-2-cols.left>div:first-child>*,.cs-cols .background-image.cs-1-2-cols.left>div:first-child>*,#content.background-image.cs-1-2-cols.left>div:first-child>*,.teaser.background-image.cs-1-2-cols.left>div:first-child>*,.cs-cols.background-image.cs-1-2-cols.left>div:first-child>*,#content .background-image .cs-1-2-cols.left>div:first-child>*,.teaser .background-image .cs-1-2-cols.left>div:first-child>*,.cs-cols .background-image .cs-1-2-cols.left>div:first-child>*,#content.background-image .cs-1-2-cols.left>div:first-child>*,.teaser.background-image .cs-1-2-cols.left>div:first-child>*,.cs-cols.background-image .cs-1-2-cols.left>div:first-child>*,#content .background-image.cs-2-1-cols.left>div:first-child>*,.teaser .background-image.cs-2-1-cols.left>div:first-child>*,.cs-cols .background-image.cs-2-1-cols.left>div:first-child>*,#content.background-image.cs-2-1-cols.left>div:first-child>*,.teaser.background-image.cs-2-1-cols.left>div:first-child>*,.cs-cols.background-image.cs-2-1-cols.left>div:first-child>*,#content .background-image .cs-2-1-cols.left>div:first-child>*,.teaser .background-image .cs-2-1-cols.left>div:first-child>*,.cs-cols .background-image .cs-2-1-cols.left>div:first-child>*,#content.background-image .cs-2-1-cols.left>div:first-child>*,.teaser.background-image .cs-2-1-cols.left>div:first-child>*,.cs-cols.background-image .cs-2-1-cols.left>div:first-child>*,#content .background-image.cs-2-cols.left>div:first-child>*,.teaser .background-image.cs-2-cols.left>div:first-child>*,.cs-cols .background-image.cs-2-cols.left>div:first-child>*,#content.background-image.cs-2-cols.left>div:first-child>*,.teaser.background-image.cs-2-cols.left>div:first-child>*,.cs-cols.background-image.cs-2-cols.left>div:first-child>*,#content .background-image .cs-2-cols.left>div:first-child>*,.teaser .background-image .cs-2-cols.left>div:first-child>*,.cs-cols .background-image .cs-2-cols.left>div:first-child>*,#content.background-image .cs-2-cols.left>div:first-child>*,.teaser.background-image .cs-2-cols.left>div:first-child>*,.cs-cols.background-image .cs-2-cols.left>div:first-child>* {
        margin-left: 0;
        margin-right: 0
    }

    #content .background-image.cs-1-2-cols.left>div:nth-child(2),.teaser .background-image.cs-1-2-cols.left>div:nth-child(2),.cs-cols .background-image.cs-1-2-cols.left>div:nth-child(2),#content.background-image.cs-1-2-cols.left>div:nth-child(2),.teaser.background-image.cs-1-2-cols.left>div:nth-child(2),.cs-cols.background-image.cs-1-2-cols.left>div:nth-child(2),#content .background-image .cs-1-2-cols.left>div:nth-child(2),.teaser .background-image .cs-1-2-cols.left>div:nth-child(2),.cs-cols .background-image .cs-1-2-cols.left>div:nth-child(2),#content.background-image .cs-1-2-cols.left>div:nth-child(2),.teaser.background-image .cs-1-2-cols.left>div:nth-child(2),.cs-cols.background-image .cs-1-2-cols.left>div:nth-child(2),#content .background-image.cs-2-1-cols.left>div:nth-child(2),.teaser .background-image.cs-2-1-cols.left>div:nth-child(2),.cs-cols .background-image.cs-2-1-cols.left>div:nth-child(2),#content.background-image.cs-2-1-cols.left>div:nth-child(2),.teaser.background-image.cs-2-1-cols.left>div:nth-child(2),.cs-cols.background-image.cs-2-1-cols.left>div:nth-child(2),#content .background-image .cs-2-1-cols.left>div:nth-child(2),.teaser .background-image .cs-2-1-cols.left>div:nth-child(2),.cs-cols .background-image .cs-2-1-cols.left>div:nth-child(2),#content.background-image .cs-2-1-cols.left>div:nth-child(2),.teaser.background-image .cs-2-1-cols.left>div:nth-child(2),.cs-cols.background-image .cs-2-1-cols.left>div:nth-child(2),#content .background-image.cs-2-cols.left>div:nth-child(2),.teaser .background-image.cs-2-cols.left>div:nth-child(2),.cs-cols .background-image.cs-2-cols.left>div:nth-child(2),#content.background-image.cs-2-cols.left>div:nth-child(2),.teaser.background-image.cs-2-cols.left>div:nth-child(2),.cs-cols.background-image.cs-2-cols.left>div:nth-child(2),#content .background-image .cs-2-cols.left>div:nth-child(2),.teaser .background-image .cs-2-cols.left>div:nth-child(2),.cs-cols .background-image .cs-2-cols.left>div:nth-child(2),#content.background-image .cs-2-cols.left>div:nth-child(2),.teaser.background-image .cs-2-cols.left>div:nth-child(2),.cs-cols.background-image .cs-2-cols.left>div:nth-child(2) {
        background-color: #FFF;
        background-color: rgba(255,255,255,.6);
        padding: 10px 0;
        position: relative;
        left: -15px
    }

    #content .background-image.cs-1-2-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-1-2-cols.left>div:nth-child(2)>*,#content.background-image.cs-1-2-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-1-2-cols.left>div:nth-child(2)>*,#content .background-image .cs-1-2-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-1-2-cols.left>div:nth-child(2)>*,#content.background-image .cs-1-2-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-1-2-cols.left>div:nth-child(2)>*,#content .background-image.cs-2-1-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-2-1-cols.left>div:nth-child(2)>*,#content.background-image.cs-2-1-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-2-1-cols.left>div:nth-child(2)>*,#content .background-image .cs-2-1-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-2-1-cols.left>div:nth-child(2)>*,#content.background-image .cs-2-1-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-2-1-cols.left>div:nth-child(2)>*,#content .background-image.cs-2-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-2-cols.left>div:nth-child(2)>*,#content.background-image.cs-2-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-2-cols.left>div:nth-child(2)>*,#content .background-image .cs-2-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-2-cols.left>div:nth-child(2)>*,#content.background-image .cs-2-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-2-cols.left>div:nth-child(2)>* {
        margin-left: 15px;
        margin-right: 15px
    }

    .teaser.background-image .cs-2-1-cols>div:first-child {
        background-color: #F2F2F2;
        background-color: rgba(242,242,242,.6)
    }

    .four-cols-teaser .teaser-item.teaser-sub-menu {
        margin-bottom: 40px;
        min-height: 1px
    }

    .four-cols-teaser .teaser-item.teaser-sub-menu.openSubMenu .sub-menu,.four-cols-teaser .teaser-item.teaser-sub-menu:hover .sub-menu {
        display: none
    }

    .news-list .cs-3-cols>div {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        float: none;
        margin-bottom: 30px
    }

    .news-list .cs-3-cols>div:first-child {
        width: 100%
    }

    .news-list.detailed .image {
        float: left;
        margin-right: 30px
    }

    .news-list.detailed .text {
        margin-left: 330px
    }

    #index-teaser .wrapper .teaser-text {
        left: 0!important
    }

    #subfooter.blue {
        display: none
    }

    #footer .footer-bottom .services {
        clear: both;
        padding-top: 20px
    }

    #footer .footer-bottom .services ul {
        float: none
    }

    #footer .footer-bottom .services ul li:first-child {
        margin-left: 0
    }
}

@media screen and (max-width: 920px) {
    p.highlighted-blockquote {
        background:none;
        border: none
    }

    p.highlighted-blockquote:after {
        display: none
    }

    .cs-cols.cs-2-1-cols>div,.cs-cols.cs-1-2-cols>div {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        float: none;
        margin-bottom: 30px
    }

    .cs-cols.cs-2-1-cols>div:first-child,.cs-cols.cs-1-2-cols>div:first-child {
        width: 100%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
        padding: 0 1%;
        width: 18%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+6) {
        display: none
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+1) {
        clear: both
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
        clear: both;
        float: left;
        width: 18%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(11) {
        clear: none
    }

    .news-list .news-item .cs-cols.cs-1-2-cols>div,.events-list .news-item .cs-cols.cs-1-2-cols>div {
        width: 65%;
        margin-left: 5%;
        float: left;
        margin-bottom: 0
    }

    .news-list .news-item .cs-cols.cs-1-2-cols>div:first-child,.events-list .news-item .cs-cols.cs-1-2-cols>div:first-child {
        margin-left: 0;
        width: 30%;
        margin-bottom: 0
    }

    .sub-navigation .wrapper>ul>li {
        display: none
    }

    .sub-navigation .wrapper>ul>li.menu {
        display: block
    }

    .sub-navigation .wrapper>ul>li.request {
        display: block;
        background-color: #006428;
        position: absolute;
        top: 0;
        right: -30px
    }

    .sub-navigation .wrapper>ul>li.request:before {
        width: 0;
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: -25px;
        border-left: 25px solid #CCC;
        border-bottom: 34px solid #006428;
        height: 0;
        overflow: hidden
    }

    .sub-navigation .wrapper>ul>li.request a {
        padding-right: 20px;
        padding-left: 3px
    }

    .sub-navigation .wrapper>ul>li.request a:hover {
        color: #FFF
    }

    .sub-navigation .wrapper>ul>li.request:hover {
        background-color: #006428
    }

    .sub-navigation .wrapper>ul>li.request:hover:before {
        border-bottom-color: #006428
    }

    .sub-navigation.machines .wrapper>ul>li:nth-child(2),.sub-navigation.machines .wrapper>ul>li:nth-child(3),.sub-navigation.machines .wrapper>ul>li.next {
        display: block
    }

    .sub-navigation.machines .wrapper>ul>li.next a {
        position: relative;
        width: 30px;
        height: 24px
    }

    .sub-navigation.machines .wrapper>ul>li.next a:before {
        font-size: 35px;
        font-size: 2.69230769rem;
        line-height: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
        left: 0
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
        left: -15%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
        left: -130%
    }

    .workpiece-overview .workpiece-filter>div {
        margin-bottom: 1rem
    }

    .workpiece-overview .workpiece-filter form {
        float: none;
        clear: both;
        width: 100%
    }

    .workpiece-overview .workpiece-filter form:first-child {
        margin-right: 0
    }

    .workpiece-overview .workpiece-filter form:last-child {
        margin-right: 0;
        width: 100%
    }

    .workpiece-overview .workpiece-filter label {
        min-width: 130px
    }

    .workpiece-overview .workpieces .workpiece-item {
        width: 22%;
        margin-left: 4%
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
        margin-left: 4%;
        width: 22%;
        clear: none
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(4n+1) {
        margin-left: 0;
        clear: both
    }

    #footer .footer-nav .cs-2-1-cols>div {
        width: 30%;
        margin-left: 5%;
        margin-bottom: 0;
        float: left
    }

    #footer .footer-nav .cs-2-1-cols>div:first-child {
        width: 65%;
        margin-left: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 820px) {
    .hide-on-tablet {
        display:none!important
    }

    #header .top-nav ul li.search {
        display: none
    }

    #header #nav .main-nav>ul {
        right: -10px
    }

    #header #nav .main-nav>ul>li>a {
        padding: 0 10px
    }
    #header #nav .main-nav>ul>li:first-child .cs-cols.cs-3-cols>div {
        width: 235px;
        float: left;
        margin-left: 0;
    }
    #header #nav .main-nav>ul>li>.flyout ul {
        margin-bottom: 24px;
    }

    /* #header #nav .main-nav>ul>li>.flyout .cs-3-cols>div {
        width: 48% ;
        margin-left: 4%;
        float: left
    } */

    #header #nav .main-nav>ul>li>.flyout .cs-3-cols>div:first-child {
        margin-left: 0
    }

    #header #nav .main-nav>ul>li>.flyout .cs-3-cols>div:last-child {
        display: none
    }

    #header #nav .main-nav>ul>li>.flyout.fluid .cs-3-cols>div:nth-child(2) {
        display: none
    }

    #header #nav .main-nav>ul>li>.flyout.fluid .cs-3-cols>div:last-child {
        display: block
    }

    .slider-teaser {
        display: none
    }

    .teaser.detailed .breadcrumb {
        width: 100%
    }

    .teaser.detailed .collapse-slider-teaser-link {
        display: none
    }

    .industry-items-list .industry-item {
        width: 48%;
        margin-left: 4%
    }

    .industry-items-list .industry-item:nth-child(3n+1) {
        margin-left: 4%;
        clear: none
    }

    .industry-items-list .industry-item:nth-child(2n+1) {
        margin-left: 0;
        clear: both
    }

    .dictionary-register ul li a {
        margin: 0 10px
    }

    #footer .footer-nav {
        padding-bottom: 0
    }

    #footer .footer-nav .cs-2-1-cols>div {
        display: none
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child {
        display: block;
        margin: 0;
        width: 100%
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul {
        margin-bottom: 0;
        float: left;
        width: 70%
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul>li {
        float: left;
        width: 40%;
        margin-right: 10%;
        margin-bottom: 0
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul>li>ul {
        margin-bottom: 0
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #footer .footer-bottom .social-media-links {
        clear: both;
        float: none;
        padding-top: 20px;
        margin-left: 0
    }

    #footer .footer-bottom .search {
        display: block;
        margin-bottom: 20px
    }

    #footer .footer-bottom .search form {
        margin-bottom: 0;
        width: 100%;
        background-color: #FFF;
        border: 1px solid #DFDFDF;
        position: relative
    }

    #footer .footer-bottom .search form input {
        margin-bottom: 0;
        display: block;
        border: none;
        background: none;
        width: 75%;
        min-width: 0;
        max-width: 100%;
        float: left
    }

    #footer .footer-bottom .search form ::-webkit-input-placeholder {
        color: #999;
        font-style: italic;
        opacity: 1
    }

    #footer .footer-bottom .search form ::-moz-placeholder {
        color: #999;
        font-style: italic;
        opacity: 1
    }

    #footer .footer-bottom .search form :-ms-input-placeholder {
        color: #999;
        font-style: italic;
        opacity: 1
    }

    #footer .footer-bottom .search form input:-moz-placeholder {
        color: #999;
        font-style: italic;
        opacity: 1
    }

    #footer .footer-bottom .search form button {
        background: none;
        color: #999;
        font-size: 20px;
        line-height: 100%;
        margin: 0;
        padding: 0;
        width: 38px;
        height: 35px;
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }

    #footer .footer-bottom .search form button:before {
        overflow: visible
    }

    #footer .footer-bottom .search form button:hover {
        color: #006428
    }
}

@media screen and (max-width: 768px) {
    .cs-cols.cs-3-cols>div {
        width:100%;
        margin-left: 0;
        padding-left: 0;
        float: none;
        margin-bottom: 30px
    }

    .cs-cols.cs-3-cols>div:first-child {
        width: 100%
    }

    #header #nav .main-nav>ul {
        right: -5px
    }

    #header #nav .main-nav>ul>li>a {
        padding: 0 5px
    }

    #header #nav .main-nav>ul>li>.flyout .cs-3-cols>div {
        margin-bottom: 0
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
        padding: 0 2%;
        width: 20%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+5) {
        display: none
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+1) {
        clear: both;
        width: 20%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
        width: 20%
    }

    #header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(11) {
        clear: none
    }

    #header.fixed-on-top #nav .main-nav>ul {
        margin-right: 50px
    }

    .teaser.detailed>.wrapper {
        overflow: hidden;
        padding-bottom: 0
    }

    .teaser.detailed .cs-cols {
        width: 200%;
        min-height: 280px;
        position: relative;
        left: 0%;
        padding-bottom: 15px;
        -webkit-transition: left 1s;
        transition: left 1s
    }

    .teaser.detailed .cs-cols .to-left-content-arrow {
        display: block
    }

    .teaser.detailed .cs-cols .to-left-content-arrow {
        display: none
    }

    .teaser.detailed .cs-cols.show-right-content {
        left: -100%
    }

    .teaser.detailed .cs-cols.show-right-content .to-right-content-arrow {
        display: none
    }

    .teaser.detailed .cs-cols.show-right-content .to-left-content-arrow {
        display: block
    }

    .teaser.detailed .cs-cols .right-content {
        float: right;
        width: 45%;
        padding-left: 5%;
        margin-left: 0;
        text-align: center;
        position: relative
    }

    .teaser.detailed .cs-cols .right-content a[class^="lightbox"],.teaser.detailed .cs-cols .right-content a[class*=" lightbox"] {
        display: inline-block;
        max-width: 100%
    }

    .teaser.detailed .cs-cols .right-content img {
        display: inline-block
    }

    .teaser.detailed .cs-cols .right-content.image-to-bottom>img,.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class^="lightbox"],.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class*=" lightbox"] {
        position: static;
        display: inline-block
    }

    .teaser.detailed .cs-cols .left-content {
        margin-right: 0;
        padding-right: 5%;
        width: 45%;
        position: relative
    }

    .teaser.detailed .to-left-content-arrow,.teaser.detailed .to-right-content-arrow {
        display: block;
        position: absolute;
        top: 50%;
        right: -55px;
        color: #CCC;
        margin-top: -80px
    }

    .teaser.detailed .to-left-content-arrow:hover,.teaser.detailed .to-right-content-arrow:hover {
        color: #006428
    }

    .teaser.detailed .to-left-content-arrow:before,.teaser.detailed .to-right-content-arrow:before {
        font-family: 'heshi-icons';
        font-style: normal;
        speak: none;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        content: '\e802';
        font-size: 160px;
        font-size: 12.30769231rem;
        line-height: 100%;
        font-weight: 300
    }

    .teaser.detailed .to-left-content-arrow {
        left: -55px;
        right: auto;
        top: 42%
    }

    .teaser.detailed .to-left-content-arrow:before {
        content: '\e801'
    }

    .teaser.detailed .detailed-teaser-menu {
        display: block;
        text-align: center;
        margin-bottom: 10px
    }

    .teaser.detailed .detailed-teaser-menu a {
        background-color: #F2F2F2;
        border: 1px solid #CCC;
        box-shadow: none;
        width: 10px;
        height: 10px;
        display: inline-block;
        margin: 0 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .teaser.detailed .detailed-teaser-menu a.active {
        background-color: #999;
        border-color: #999
    }

    .top-videos .cs-cols.cs-4-cols>div {
        width: 48%;
        margin-left: 4%
    }

    .top-videos .cs-cols.cs-4-cols>div:nth-child(2n+1) {
        margin-left: 0;
        clear: both
    }

    .mfp-content #video-lightbox-inline-popup .video-screen embed {
        height: 250px
    }

    .sub-navigation.machines .wrapper>ul>li:nth-child(2),.sub-navigation.machines .wrapper>ul>li:nth-child(3),.sub-navigation.machines .wrapper>ul>li.next {
        display: none
    }

    .events-list.detailed .event-item .left,.events-list.detailed .event-item .right {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .events-list.detailed .event-item .right {
        padding-top: 0;
        margin-top: 25px
    }

    .events-list.detailed.career .event-item .left {
        width: 100%
    }

    .events-list.detailed.career .event-item .right {
        width: 100%;
        margin-left: 0;
        text-align: left
    }

    .industry-items-list .industry-item {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem
    }

    .industry-items-list .industry-item:nth-child(3n+1) {
        margin-left: 0;
        clear: none
    }

    .industry-items-list .industry-item:nth-child(2n+1) {
        margin-left: 0;
        clear: none
    }

    form .powermail_fieldset.layout1,form .powermail_fieldwrap.layout1 {
        width: 100%!important;
        margin-right: 0!important;
        float: none
    }

    form .powermail_fieldset.layout2,form .powermail_fieldwrap.layout2 {
        width: 100%!important;
        clear: both;
        float: none;
        position: static
    }

    .workpiece-overview .workpieces .workpiece-item {
        width: 30%;
        margin-left: 5%
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
        margin-left: 5%;
        width: 30%
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(4n+1) {
        margin-left: 5%;
        clear: none
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(3n+1) {
        margin-left: 0;
        clear: both
    }

    .four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame {
        width: 30%;
        margin-left: 5%
    }

    .four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1) {
        margin-left: 5%;
        clear: none
    }

    .four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1) {
        margin-left: 0;
        clear: both
    }

    .image-gallery-slider.flexslider ul li img {
        left: -30%
    }

    .image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
        left: -10%
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
        left: -25%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
        left: -110%
    }

    .frame-type-menu_sitemap_pages>ul>li {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .facets li {
        font-size: 13px;
        font-size: 1rem;
        line-height: 160%;
        padding: 3px 7px
    }

    .facets li.active {
        padding: 9px 7px 0
    }

    #js-band-cookies a {
        background: #F2F2F2
    }
}

@media screen and (max-width: 660px) {
    body,html {
        font-size:14px
    }

    .hide-on-mobile {
        display: none!important
    }

    a[href^="tel:"] {
        color: #FFF!important;
        background-color: #006428;
        padding: 2px 7px
    }

    a[href^="tel:"]:hover {
        color: #FFF!important;
        background-color: #006428
    }

    #content table:not(.clean) {
        overflow-x: scroll;
        display: block;
        padding-bottom: 1rem
    }

    .cs-cols.cs-2-1-cols>div .cs-4-cols>div,.cs-cols.cs-2-1-cols>div .cs-3-cols>div,.cs-cols.cs-2-1-cols>div .cs-2-cols>div {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 20px;
        display: block
    }

    .cs-cols.cs-2-1-cols>div .cs-4-cols>div:first-child,.cs-cols.cs-2-1-cols>div .cs-3-cols>div:first-child,.cs-cols.cs-2-1-cols>div .cs-2-cols>div:first-child {
        width: 100%
    }

    .cs-cols.cs-2-cols>div {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 20px;
        display: block
    }

    .cs-cols.cs-2-cols>div:first-child {
        width: 100%
    }

    #header {
        padding-top: 0;
        position: relative;
        z-index: 910;
        background-color: #FFF
    }

    #header>.wrapper {
        padding-bottom: 10px
    }

    #header .top-nav {
        display: none
    }

    #header .logo {
        overflow: visible;
        width: auto
    }

    #header .logo img {
        width: auto
    }

    #header .logo .default-logo {
        display: none
    }

    #header .logo .small-logo {
        display: block;
        width: 100px;
    }

    #header #nav {
        float: none
    }

    #header #nav .main-nav {
        display: none
    }

    .mobile-nav {
        display: block
    }

    .mobile-nav ul {
        width: 100%;
        margin-bottom: 0
    }

    .mobile-nav ul li {
        margin-bottom: 0;
         
    }

    .mobile-nav ul li.language-selection{
        padding-left: 0;
    }
    .mobile-nav ul li img.loader {
        margin: 35px auto;
        display: block
    }

    .mobile-nav ul li a {
        color: #333;
        text-decoration: none
    }

    .mobile-nav ul li a:hover {
        color: #006428
    }

    .mobile-nav ul li:before {
        display: none
    }

    .mobile-nav>ul {
        padding-top: 11px
    }

    .mobile-nav>ul>li {
        float: right;
        position: static;
        height: 30px
    }

    .mobile-nav>ul>li.language-selection:hover {
        cursor: pointer
    }

    .mobile-nav>ul>li.language-selection span {
        display: block;
        position: relative;
        float: left
    }

    .mobile-nav>ul>li.language-selection span.current-language {
        padding: 4px 0 4px 35px;
        text-align: right
    }

    .mobile-nav>ul>li.language-selection span.current-language span.lang-flag {
        top: 7px;
        left: 5px
    }

    .mobile-nav>ul>li.language-selection span.icon-arrow1_up {
        font-size: 30px;
        font-size: 2.30769231rem;
        line-height: 100%;
        width: 50px;
        height: 30px
    }

    .mobile-nav>ul>li.language-selection span.icon-arrow1_up:before {
        position: absolute;
        right: 7px;
        top: -3px
    }

    .mobile-nav>ul>li.language-selection span.lang-flag {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 14px;
        left: 24px
    }

    .mobile-nav>ul>li.language-selection.open span.icon-arrow1_up:before {
        content: '\e812'
    }

    .mobile-nav>ul>li.language-selection>ul>li>a {
        position: relative;
        padding-left: 60px
    }

    .mobile-nav>ul>li.mobile-nav-link {
        border-left: #DFDFDF 1px solid;
        padding-left: 20px
    }

    .mobile-nav>ul>li.mobile-nav-link>a {
        padding-left: 40px;
        display: block;
        min-height: 30px;
        position: relative
    }

    .mobile-nav>ul>li.mobile-nav-link>a:before {
        font-size: 35px;
        line-height: 100%;
        height: 100%;
        position: absolute;
        top: -2px;
        left: 0
    }

    .mobile-nav>ul>li.mobile-nav-link>a:hover {
        color: #333
    }

    .mobile-nav>ul>li.mobile-nav-link.open>a {
        color: #006428
    }

    .mobile-nav>ul>li>ul {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 74px;
        z-index: 950;
        background-color: #F2F2F2;
        padding: 10px 0
    }

    .mobile-nav>ul>li>ul li {
        padding-left: 0
    }

    .mobile-nav>ul>li>ul li a {
        font-size: 15px;
        line-height: 160%;
        display: block;
        padding: 10px 2% 10px 4%;
        font-weight: 600
    }

    .mobile-nav>ul>li>ul li.links-from-top-nav a {
        font-weight: 400
    }

    .mobile-nav>ul>li>ul li.hasSubs {
        position: relative
    }

    .mobile-nav>ul>li>ul li.hasSubs>a {
        width: 80%;
        display: inline-block
    }

    .mobile-nav>ul>li>ul li.hasSubs>a+span {
        width: 16%;
        height: 36px;
        color: #333;
        font-weight: 600;
        font-size: 50px;
        line-height: 100%;
        display: inline-block;
        position: absolute;
        right: 1px;
        top: 0
    }

    .mobile-nav>ul>li>ul li.hasSubs>a+span:before {
        position: absolute;
        right: 0;
        top: -9px;
        margin-right: 0;
        height: .8em
    }

    .mobile-nav>ul>li>ul li.hasSubs>a+span:hover {
        cursor: pointer
    }

    .mobile-nav>ul>li>ul li.hasSubs.open {
        background-color: #CCC
    }

    .mobile-nav>ul>li>ul li.hasSubs.open>a+span {
        content: '\e807';
        color: #006428
    }

    .mobile-nav>ul>li>ul li.hasSubs.open>a+span:before {
        top: -4px
    }

    .mobile-nav>ul>li>ul li.hasSubs>ul {
        display: none
    }

    .mobile-nav>ul>li>ul>li>ul {
        padding-bottom: 20px;
        background-color: #DFDFDF
    }

    .mobile-nav>ul>li>ul>li>ul>li a {
        font-size: 15px;
        line-height: 160%;
        font-weight: 400;
        padding: 6px 2% 6px 4%
    }

    .mobile-nav>ul>li>ul>li>ul>li>ul {
        padding-bottom: 20px
    }

    .mobile-nav>ul>li>ul>li>ul>li>ul>li a {
        font-size: 13px;
        line-height: 160%;
        font-weight: 400;
        padding-left: 30px;
        position: relative
    }

    .mobile-nav>ul>li>ul>li>ul>li>ul>li a:before {
        display: block;
        font-family: 'heshi-icons';
        content: '\e802';
        font-size: 30px;
        font-size: 2.30769231rem;
        line-height: 100%;
        color: #006428;
        top: -1px;
        left: 4px;
        position: absolute
    }

    #index-teaser {
        height: 200px
    }

    #index-teaser .bg-image {
        background-size: auto 200px;
        height: 200px
    }

    #index-teaser .wrapper {
        display: none
    }

    #content,.teaser {
        background-position: 150px bottom
    }

    .sub-navigation .active-background {
        display: none
    }

    .sub-navigation>.wrapper {
        background-color: #999
    }

    .sub-navigation>.wrapper>ul>li {
        display: none
    }

    .sub-navigation>.wrapper>ul>li.menu {
        display: block
    }

    .sub-navigation>.wrapper>ul>li.request {
        display: block
    }

    .sub-navigation>.wrapper>ul>li.request:before {
        border-left: 25px solid #999
    }

    .one-pager-box.accordion-wrapper {
        margin-bottom: 0
    }

    .one-pager-box.accordion-wrapper.closed .content {
        display: none
    }

    .one-pager-box.accordion-wrapper.closed>.header:after {
        content: '\e812'
    }

    .one-pager-box.accordion-wrapper>.header {
        border-bottom: 2px solid #DFDFDF;
        padding: 15px 0;
        position: relative;
        cursor: pointer
    }

    .one-pager-box.accordion-wrapper>.header:hover h2,.one-pager-box.accordion-wrapper>.header:hover:after {
        color: #006428
    }

    .one-pager-box.accordion-wrapper>.header h2 {
        margin-bottom: 0;
        padding-right: 45px
    }

    .one-pager-box.accordion-wrapper>.header h2.border {
        border: none;
        padding-bottom: 0
    }

    .one-pager-box.accordion-wrapper>.header:after {
        font-family: 'heshi-icons';
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: none;
        width: 1em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        color: #999;
        overflow: hidden;
        content: '\e813';
        position: absolute;
        top: 7px;
        right: 0;
        font-size: 50px;
        font-size: 3.84615385rem;
        line-height: 100%
    }

    .one-pager-box.accordion-wrapper .content {
        margin-bottom: 50px;
        padding-top: 35px
    }

    .facets li {
        float: none;
        margin: 0
    }

    .facets li.active {
        padding: 3px 7px;
        border: none;
        position: static
    }

    .image-gallery-slider.flexslider ul li img {
        left: -40%
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom,.image-gallery-slider.flexslider ul li .box-center-top,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
        width: 27%
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
        left: -20%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
        left: -100%
    }

    .image-gallery-slider.flexslider ul li .box-right,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right {
        width: 40%
    }

    .image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
        left: -50%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img {
        left: -40%
    }

    .image-gallery-slider.flexslider ul li .box-all img {
        top: 0
    }

    .four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame {
        width: 48%;
        margin-left: 4%
    }

    .four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1) {
        margin-left: 4%;
        clear: none
    }

    .four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1) {
        margin-left: 4%;
        clear: none
    }

    .four-cols-teaser .teaser-item:nth-child(2n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(2n+1),.four-cols-teaser .frame:nth-child(2n+1),.four-cols-teaser.three-colled .frame:nth-child(2n+1) {
        margin-left: 0;
        clear: both
    }

    .workpiece-overview .workpiece-filter>div {
        margin-right: 0;
        float: none;
        width: 100%;
        margin-bottom: 0
    }

    .workpiece-overview .workpiece-filter label {
        display: block;
        float: none;
        margin-bottom: 1rem;
        margin-right: 0;
        width: 100%;
        position: static
    }

    .workpiece-overview .workpiece-filter .dropdown:not(.ui-select-container) {
        float: none;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 1rem;
        margin-right: 0
    }

    .workpiece-overview .workpieces .workpiece-item {
        width: 48%;
        margin-left: 4%
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
        margin-left: 4%;
        width: 48%
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(4n+1),.workpiece-overview .workpieces .workpiece-item:nth-child(3n+1) {
        margin-left: 4%;
        clear: none
    }

    .workpiece-overview .workpieces .workpiece-item:nth-child(2n+1) {
        margin-left: 0;
        clear: both
    }

    .location-filter form>div>.dropdown:not(.ui-select-container) {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .location-filter .box {
        float: none;
        width: 90%;
        margin-right: 0;
        min-height: 1px
    }

    .location-list .location-item .text .address,.location-list .location-item .text .contact {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .location-list .location-item .text .address {
        margin-left: 0
    }

    .media-center-list .media-center-item {
        width: 48%;
        margin-left: 4%
    }

    .media-center-list .media-center-item:nth-child(3n+1) {
        clear: none;
        margin-left: 4%
    }

    .media-center-list .media-center-item:nth-child(2n+1) {
        clear: both;
        margin-left: 0
    }

    .news-list .image,.news-list.detailed .image,.events-list .image,.news-detail .main-image .image {
        margin: 0 auto 10px;
        float: none
    }

    .news-list .text,.news-list.detailed .text,.events-list .text,.news-detail .main-image .text {
        margin-left: 0
    }

    .detailed-info-boxes .detailed-info-box-item {
        width: 100%;
        margin-left: 0;
        float: none
    }

    .detailed-info-boxes .detailed-info-box-item:nth-child(4n+1) {
        width: 100%
    }

    .dictionary-register ul {
        position: static;
        left: 0;
        float: none;
        text-align: center
    }

    .dictionary-register ul li {
        position: static;
        right: 0;
        float: none;
        display: inline-block
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul {
        float: none;
        width: 100%
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul>li {
        width: 48%;
        margin-right: 4%
    }

    #footer .footer-nav .cs-2-1-cols>div:last-child>ul>li:last-child {
        margin-right: 0
    }

    #footer .footer-bottom .search {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    #footer .footer-bottom .search form input {
        width: 80%
    }

    #footer .footer-bottom .copyright {
        float: none
    }

    #footer .footer-bottom .copyright-nav ul li:first-child:before {
        display: none
    }

    #footer .footer-bottom .copyright-nav ul li:first-child a {
        margin-left: 0;
        padding-left: 0
    }
}

@media screen and (max-width: 480px) {
    .teaser.detailed .left-content h1+div.closed {
        overflow:hidden;
        height: 48px;
        position: relative;
        margin-bottom: 1rem
    }
    .defe{
        height: auto;
    }
    .teaser.detailed .left-content .read-more-link {
        display: block
    }

    .top-videos .cs-cols.cs-4-cols>div {
        width: 100%;
        margin-left: 0;
        clear: both
    }

    .highlights .teaser-item {
        width: 100%;
        float: none;
        margin-left: 0;
        min-height: 0
    }

    .home-highlights .highlights.fair {
        position: static;
        width: 100%
    }

    .home-highlights .highlights .teaser-item:nth-child(2n+1) {
        margin-left: 0;
        clear: both
    }

    .history .history-item {
        width: 100%;
        float: none
    }

    .history .history-item .date {
        position: static;
        text-align: left;
        width: 100%;
        margin-bottom: 10px
    }

    .history .history-item .date p {
        display: inline-block
    }

    .history .history-item .date p.year {
        position: static
    }

    .media-center-list .media-center-item {
        width: 100%;
        margin-left: 0;
        float: none;
        clear: both
    }

    .media-center-list .media-center-item:nth-child(3n+1) {
        margin-left: 0;
        clear: both
    }

    .news-list.detailed .news-item>*,.events-list.detailed .news-item>* {
        margin-left: 0
    }

    .news-list.detailed .news-item .image,.events-list.detailed .news-item .image {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-left: 0
    }

    .news-list.detailed .news-item .image {
        margin: 0 auto 10px;
        float: none;
        width: 300px
    }

    .news-list.detailed .news-item .text {
        margin-left: 0
    }

    .news .page-navigation p,.news .page-navigation ul {
        float: none
    }

    .events-list.detailed .event-item .right table,.events-list.detailed .event-item .right tr,.events-list.detailed .event-item .right td {
        display: block;
        padding: 0;
        width: 100%
    }

    .events-list.detailed .event-item .right table:first-child,.events-list.detailed .event-item .right tr:first-child,.events-list.detailed .event-item .right td:first-child {
        width: 100%
    }

    .events-list.detailed .event-item .right tr {
        margin-bottom: 1rem
    }

    #social-media-tabs.tab-content ul.resp-tabs-list li.resp-tab-item:before {
        display: none
    }

    .tab-content.small ul.resp-tabs-list li.resp-tab-item {
        padding: 4px 7px!important;
        font-size: 12px;
        font-size: .92307692rem;
        line-height: 160%
    }

    .location-search div.left {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .location-search button {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        max-width: 100%
    }

    .location-list .location-item .image,.location-list .location-item .text {
        float: none;
        width: 100%
    }

    .location-list .location-item .image {
        margin-bottom: 10px
    }

    .tx-cs-licensing table img {
        max-width: 50px;
        height: auto
    }

    .searched-for-wrapper {
        width: 100%;
        margin-right: 0;
        float: none;
        padding-top: 0
    }

    #tx-solr-sorting {
        width: 100%;
        float: none
    }

    .results-list li h2 {
        margin-bottom: 2rem;
        width: 100%;
        margin-right: 0;
        float: none
    }

    .results-list li .relevance {
        width: 100%;
        float: none;
        margin-bottom: 2rem
    }

    .tx-solr-search-form-pi-results {
        margin-bottom: 25px
    }

    .tx-solr-search-form-pi-results input.tx-solr-q {
        float: none;
        width: 94%;
        min-width: 94%;
        max-width: 94%
    }

    .tx-solr-search-form-pi-results .tx-solr-submit {
        float: none;
        margin-left: 0;
        clear: both
    }

    .image-gallery-slider.flexslider ul li {
        height: 300px
    }

    .image-gallery-slider.flexslider ul li img {
        left: -20%
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
        left: -20%
    }

    .image-gallery-slider.flexslider ul li .box-right img {
        left: -20%
    }

    .image-gallery-slider.flexslider ul li .box-left {
        height: 50%;
        width: 50%
    }

    .image-gallery-slider.flexslider ul li .box-center-top {
        left: 0;
        height: 50%;
        width: 50%;
        top: 50%
    }

    .image-gallery-slider.flexslider ul li .box-center-bottom {
        left: auto;
        right: 0;
        width: 50%
    }

    .image-gallery-slider.flexslider ul li .box-right {
        height: 50%;
        width: 50%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img {
        left: -100%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-left,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
        height: 50%;
        width: 50%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
        right: 0;
        left: auto
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
        left: -10%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-right {
        top: auto;
        bottom: 0;
        height: 50%;
        width: 100%
    }

    .image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
        left: 0;
        top: 0;
        height: auto;
        max-height: none;
        width: 100%;
        max-width: 100%
    }

    .image-gallery-slider.flexslider ul li .box-all img {
        left: -25%;
        height: 100%;
        max-height: 100%;
        width: auto;
        max-width: none
    }
    .image-gallery-slider.flexslider ul li .box-all img.spic {
        left: 0;
    }
    
    .four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser.two-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame,.four-cols-teaser.two-colled .frame {
        width: 100%;
        margin-left: 0;
        clear: both
    }

    .four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1),.four-cols-teaser.two-colled .frame:nth-child(4n+1),.four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1),.four-cols-teaser.two-colled .frame:nth-child(3n+1),.four-cols-teaser .teaser-item:nth-child(2n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(2n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(2n+1),.four-cols-teaser .frame:nth-child(2n+1),.four-cols-teaser.three-colled .frame:nth-child(2n+1),.four-cols-teaser.two-colled .frame:nth-child(2n+1) {
        margin-left: 0
    }
}
.trav-list>li,.trav-list{  padding-left: 0;}
.trav-list>li::before{
    content: '';
}
.trav-list>li{
    margin-top: 26px;
    overflow: hidden;
   }
   .trav-list>li .img{
       float: left;
      width: 30%;
      overflow: hidden;
     }
     .trav-list>li .img img{
       width: 100%;
      }
     .trav-list>li .text-box{
        float: right;
        width: 65%;
       font-size: 14px;
       color: #474747;
     }
     .trav-list>li .text{

      width: 100%;
      height: 48px;
      line-height: 22px;
      overflow: hidden;
     }
     .trav-list>li .look{
         margin-top: 2%;
      font-size: 12px;
      color: #b6b6b6;
     }
     .trav-list>li .look i{
    display: inline-block;
     width: 17px;
     height: 11px;
     margin-right: 6px;
     background: url(../images/look.png);
     vertical-align: middle;
     }